<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../css/bootstrap.bundle.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
		<script src="../css/jQuery3.4.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="../css/bootstrap.bundle.min.js" type="text/javascript" charset="utf-8"></script>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		<div class="container">
			<!-- nav是一个HTML5的新标签 -->
			<!-- article/section/footer/header/nav/main -->
			<nav class="navbar bg-dark navbar-dark navbar-expand-md fixed-top">
				<a href="#" class="navbar-brand">JD.com</a>
				<!-- 汉堡包导航制作 -->
				<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#biao">
					<span class="navbar-toggler-icon"></span>
				</button>
				<!-- 导航菜单制作 -->
				<div class="collapse navbar-collapse" id="biao">
					<ul class="navbar-nav">
						<li class="nav-item"><a href="#" class="nav-link">首页</a></li>
						<li class="nav-item"><a href="#" class="nav-link">新闻</a></li>
						<li class="nav-item dropdown">
							<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">教育</a>
							<div class="dropdown-menu">
								<a href="#" class="dropdown-item">中学</a>
								<a href="#" class="dropdown-item">大学</a>
								<a href="#" class="dropdown-item">考研</a>
							</div>
						</li>
						<li class="nav-item"><a href="#" class="nav-link">旅游</a></li>
						<li class="nav-item"><a href="#" class="nav-link">科技</a></li>
					</ul>
				</div>
				
				<!-- 表单 -->
				<form action="search/php" method="get" class="form-inline">
					<input type="search" name="key" id="key" placeholder="search" class="form-control"/>
					<button type="submit" class="btn btn-outline-success ml-2">搜索</button>
				</form>
				<span class="navbar-text">普通文本</span>
			</nav>
			<div>
				<img src="../img/www.jpg" class="mx-auto d-block">
			</div>
		</div>
	</body>
</html>